<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>索引选择器测试</title>
		<link rel="stylesheet" type="text/css" href="css/txt.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>

		<div>
			<h1>www.baidu.com</h1>
		</div>
		<div>
			<h1>www.mldn.cn</h1>
			<span>玩玩</span>
		</div>
		<span class="temp">www.mldn.cn</span>
		<p class="temp">www.mldn.cn</p>
		<p>www.mldn.cn</p>

	</body>

	<script type="text/javascript">
		$(function() {

			//$("div:first").attr("class","txt");
			//$("div:last").attr("class","txt");
			// 也可以使用函数的方式实现
//			$("div").first().attr("class", "txt");
//			$("div").last().attr("class", "txt");
			// 简便方式
			$("div:frist,div:last").attr("class","txt");
		});
	</script>

</html>